<%@page contentType="text/html;charset=utf-8" language="java" %>
<!DOCTYPE html>
<html>

<%
String regionId = (String)request.getParameter("regionId");
String regionName = (String)request.getParameter("regionName");
if( regionId != null ){
	regionId=Base64.decode(regionId);
}else{
	regionId = "";
}

if( regionName == null ){
	regionName = "";
}
%>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%@include file="../common/jsp/common.jsp"%>
<title><%=InitParam.DEPLOY_PROVINCE_TITLE%></title>
<script>
	var in_regionId = '<%=regionId%>';
	var in_regionName = '<%=regionName%>';
	if( in_regionName != null && in_regionName.length != 0 ){
		in_regionName = decodeURIComponent(in_regionName);
	}
	requires(["laydate","echarts","public", "zhly","customselect","/zhly/analysis_tourist_route.js"]);

	function arrowClick(){
		var len=$('.h span:not(:empty)').length;
		var li=$('.h:lt('+len+')');
		li.toggleClass('d');
		if(li.css('display')=='block'){$('.tours_more_up').addClass('tours_more')}else{$('.tours_more_up').removeClass('tours_more')};
		
	}
	</script>

 <link href="assets/css/public.css"	rel="stylesheet" type="text/css">
<style>
	#thead{ position:fixed; z-index:100;}
	.h{display:none}
    .d{display:block}
    .mark{}
</style>
</head>

<body class="gry_bg">
<div class="select_top">
	<a class="but_backa" onclick="history.go(-1)"></a>
	<div class="select_pre">
	<span>区域</span>
	<p id="citySelect" class="hasCitySelect"><span id="citySelectSpan"></span><b class="click_arrow"></b></p>
		<ul class="select_content" id="cityListInfo">
		</ul>
<!-- 		 <select name="cityId" id="cityId" >    -->
		 
<!--          </select> -->
	</div>


	<div class="select_pre">
		<span>查询日期</span>
		<p><input type="text" id="monthStart" /><label for="monthStart"><b class="calendar"></b></label></p>
	</div>

	<div class="select_pre" style="display: none;">
		<span>结束时间</span>
       <p><input type="text" id="monthEnd" /><label for="monthEnd"><b class="calendar"></b></label></p>
	</div>

	<button  class="select_button">查 询</button>
</div>
<!-- <ul class="behavior_search"> -->
<!-- 	<li onclick="javascript:location.href='analysis_track.jsp'">访问频次分析</li> -->
<!-- 	<li class="li_on" onclick="javascript:location.href='analysis_tourist_route.jsp'">深度游分析</li> -->
<!-- </ul> -->

<ul class="chart_struct chart_struct_track">
	<li class="tarck_analysis_li">
	  <div class="tarck_analysis_li more_tours">
		<p class="p_title">旅游路线分析<span class="span_note">万/人次</span></p>
		
		<ul class="tarck_ul" style="padding-top: 22px;">
			<li class="tarck_li_on" id="li1">
				<span></span>
				<div class="div_bg">
					<div class="div_per div_per1" id="div1"></div>
				</div>
			</li>
			<li id="li2">
				<span></span>
				<div class="div_bg">
					<div class="div_per div_per2" id="div2"></div>
				</div>
			</li>
			<li id="li3">
				<span></span>
				<div class="div_bg">
					<div class="div_per div_per3" id="div3"></div>
				</div>
			</li>
			<li id="li4">
				<span></span>
				<div class="div_bg">
					<div class="div_per div_per4" id="div4"></div>
				</div>
			</li>
			<li id="li5" class="h">
				<span></span>
				<div class="div_bg">
					<div class="div_per div_per5" id="div5"></div>
				</div>
			</li>
			<li id="li6" class="h">
				<span></span>
				<div class="div_bg">
					<div class="div_per div_per5" id="div6"></div>
				</div>
			</li>
			<li id="li7" class="h">
				<span></span>
				<div class="div_bg">
					<div class="div_per div_per5" id="div7"></div>
				</div>
			</li>
			<li id="li8" class="h">
				<span></span>
				<div class="div_bg">
					<div class="div_per div_per5" id="div8"></div>
				</div>
			</li>
			<li id="li9" class="h">
				<span></span>
				<div class="div_bg">
					<div class="div_per div_per5" id="div9"></div>
				</div>
			</li>
			<li id="li10" class="h">
				<span></span>
				<div class="div_bg">
					<div class="div_per div_per5" id="div10"></div>
				</div>
			</li>
<!-- 				<li class="h"> -->
<!-- 					<span>漓江－阳朔－龙脊梯田－古东瀑布</span> -->
<!-- 					<div class="div_bg"> -->
<!-- 						<div class="div_per div_per4">7.9</div> -->
<!-- 					</div> -->
<!-- 				</li> -->
			<li id="clickArrow" style="margin-top:0px;padding-top:0px;border-left-color:#fff;height:23px;margin-left-color:#fff">
						<div class="tours_more_up" onclick="arrowClick()"><div></div></div>
			</li>
		</ul>
	  </div>
	</li>
	<li class="tarck_analysis_2 age_add">
		<p class="p_title">年龄分析</p>
		<div id="_age">
			<p class="age_addp2"></p>
			<p class="age_addp1"></p>
			<p class="age_addp3"></p>
		</div>
	</li>
	<li class="tarck_analysis_2 sex_add">
		<p class="p_title">性别分析</p>
		<div id="_sex">
			<p class="sex_addp1"></p>
			<p class="sex_addp2"></p>
		</div>
	</li>
</ul>

<ul class="chart_struct chart_struct_track">
	<li class="tarck_analysis_li stay_add overnight">
<!-- 		<ul class="mark_explain"> -->
<!-- 			<li><p class="mark_explain_n1"></p><span>境外过夜用户</span></li> -->
<!-- 			<li><p class="mark_explain_n2"></p><span>省外过夜用户</span></li> -->
<!-- 			<li><p class="mark_explain_n3"></p><span>省内过夜用户</span></li> -->
<!-- 		</ul> -->
		<p class="p_title">用户过夜分析</p>
		<div id="overnight" style="height:90%;"></div>
	</li>
		<li class="tarck_analysis_2 mobile_add">
<!-- 		<ul class="mark_explain"> -->
<!-- 			<li><p class="mark_explain_pm1"></p><span>苹果</span></li> -->
<!-- 			<li><p class="mark_explain_pm2"></p><span>三星</span></li> -->
<!-- 			<li><p class="mark_explain_pm3"></p><span>华为</span></li> -->
<!-- 			<li><p class="mark_explain_pm4"></p><span>小米</span></li> -->
<!-- 			<li><p class="mark_explain_pm5"></p><span>魅族</span></li> -->
<!-- 			<li><p class="mark_explain_pm6"></p><span>VIVO</span></li> -->
<!-- 			<li><p class="mark_explain_pm7"></p><span>酷派</span></li> -->
<!-- 			<li><p class="mark_explain_pm8"></p><span>oppo</span></li> -->
<!-- 			<li><p class="mark_explain_pm9"></p><span>其他</span></li> -->
<!-- 		</ul> -->
		<p class="p_title">手机品牌分析</p>
		<div id="mobile_add" style="height:90%;"></div>
	</li>
	<li class="tarck_analysis_2 consuming_add">
		<p class="p_title">消费能力</p>
		<div id="consuming_add" style="height:90%"></div>
	</li>
</ul>

<ul class="chart_struct chart_struct_track">
	<li class="tarck_analysis_li numberdays_tourism_add">
		<p class="p_title">旅游天数分析</p>
		<div id="numberdays_tourism_add" style="height:90%"></div>
	</li>
	<li class="tarck_analysis_2 source_add">
		<p class="p_title" style="hight:100%">户籍地分析</p>
		<div id="source_add" style="height:90%"></div>
	</li>

	<!-- <li class="tarck_analysis_2 stay_add">
		<p class="p_title">驻留分类</p>
		<div id="stay_add" style="height:90%"></div>
	</li> -->
</ul>


</body>
</html>



